<div class="page-header">
    <h1>
        Joey的社会网络
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            遍布全球海外精英
        </small>
    </h1>
</div><!-- /.page-header -->

<div id="member-tab" class="tab-pane">
    <div class="clearfix">
        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Bob Doe's avatar" src="/static/ace/assets/images/avatars/user.jpg" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Lee</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">20 min</span>
                </div>

                <div>
                    <span class="label label-warning label-sm">pending</span>

                    <div class="inline position-relative">
                        <button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
                            <i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
                        </button>

                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
                            <li>
                                <a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																							<span class="green">
																								<i class="ace-icon fa fa-check bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																							<span class="orange">
																								<i class="ace-icon fa fa-times bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																							<span class="red">
																								<i class="ace-icon fa fa-trash-o bigger-110"></i>
																							</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Joe Doe's avatar" src="/static/ace/assets/images/avatars/avatar2.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Liu</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">1 hour</span>
                </div>

                <div>
                    <span class="label label-warning label-sm">pending</span>

                    <div class="inline position-relative">
                        <button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
                            <i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
                        </button>

                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
                            <li>
                                <a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																							<span class="green">
																								<i class="ace-icon fa fa-check bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																							<span class="orange">
																								<i class="ace-icon fa fa-times bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																							<span class="red">
																								<i class="ace-icon fa fa-trash-o bigger-110"></i>
																							</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Jim Doe's avatar" src="/static/ace/assets/images/avatars/avatar.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Zhou</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">2 hour</span>
                </div>

                <div>
                    <span class="label label-warning label-sm">pending</span>

                    <div class="inline position-relative">
                        <button class="btn btn-minier btn-yellow btn-no-border dropdown-toggle" data-toggle="dropdown" data-position="auto">
                            <i class="ace-icon fa fa-angle-down icon-only bigger-120"></i>
                        </button>

                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
                            <li>
                                <a href="#" class="tooltip-success" data-rel="tooltip" title="Approve">
																							<span class="green">
																								<i class="ace-icon fa fa-check bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject">
																							<span class="orange">
																								<i class="ace-icon fa fa-times bigger-110"></i>
																							</span>
                                </a>
                            </li>

                            <li>
                                <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
																							<span class="red">
																								<i class="ace-icon fa fa-trash-o bigger-110"></i>
																							</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Alex Doe's avatar" src="/static/ace/assets/images/avatars/avatar5.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Doe</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">3 hour</span>
                </div>

                <div>
                    <span class="label label-danger label-sm">blocked</span>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Bob Doe's avatar" src="/static/ace/assets/images/avatars/avatar2.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Doe</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">6 hour</span>
                </div>

                <div>
                    <span class="label label-success label-sm arrowed-in">approved</span>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Susan's avatar" src="/static/ace/assets/images/avatars/avatar3.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Ouyang</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">yesterday</span>
                </div>

                <div>
                    <span class="label label-success label-sm arrowed-in">approved</span>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Phil Doe's avatar" src="/static/ace/assets/images/avatars/avatar4.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma Foe</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">2 days ago</span>
                </div>

                <div>
                    <span class="label label-info label-sm arrowed-in arrowed-in-right">online</span>
                </div>
            </div>
        </div>

        <div class="itemdiv memberdiv">
            <div class="user">
                <img alt="Alexa Doe's avatar" src="/static/ace/assets/images/avatars/avatar1.png" />
            </div>

            <div class="body">
                <div class="name">
                    <a href="#">Emma</a>
                </div>

                <div class="time">
                    <i class="ace-icon fa fa-clock-o"></i>
                    <span class="green">3 days ago</span>
                </div>

                <div>
                    <span class="label label-success label-sm arrowed-in">approved</span>
                </div>
            </div>
        </div>
    </div>

    <div class="space-4"></div>

    <div class="center">
        <i class="ace-icon fa fa-users fa-2x green middle"></i>

        &nbsp;
        <a href="#" class="btn btn-sm btn-white btn-info">
            See all members &nbsp;
            <i class="ace-icon fa fa-arrow-right"></i>
        </a>
    </div>

    <div class="hr hr-double hr8"></div>
</div><!-- /.#member-tab -->